<template>
  <el-tooltip :disabled="content.length<=6" placement="top-start" effect="dark">
    <span slot="content">{{ content }}</span>
    <p class="inOneLine">
      {{ content }}
    </p>
  </el-tooltip>
</template>

<script>
export default {
  name: 'Tooltip',
  props: {
    content: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.inOneLine{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
</style>
